.status_bar{
	z-index: 9999999;
}
.tops{
	position: fixed;
	left: 0;
	width: 100%;
	z-index: 4;
	padding-bottom: 10rpx;
	.location{
		font-size:32rpx;
		font-family:PingFang SC;
		font-weight:bold;
		display: flex;
		line-height: 88rpx;
		p{
			max-width: 400rpx;
		}
		.icon1{
			margin-top: 24rpx;
			width: 38rpx;
			height: 38rpx;
			margin-right: 10rpx;
		}
		.icon2{
			margin-top: 36rpx;
			width: 22rpx;
			height: 22rpx;
			margin-left: 10rpx;
			// transform:rotate(-90deg);
		}
	} 
}
.contens{
	padding-top:260rpx; 
}
.bestSell{ 
	height: 550rpx;
	background: linear-gradient(0deg, #05D18F, #0ECB82);
	box-shadow: 0px 0px 32rpx 0px rgba(0, 0, 0, 0.16);
	border-radius: 20rpx;
	.top{ 
		font-size: 36rpx;
		font-family: PingFang SC;
		font-weight: bold;
		color: #FFFFFF;
		line-height: 100rpx;
		image{
			width: 44rpx;
			height: 44rpx;
			margin-right: 14rpx;
		}
		span{ 
			margin-left: 20rpx;
			font-size: 24rpx; 
			font-weight: 400;
			color: #FFFFFF;
		}
	}
	.goodscontent{ 
		height: 400rpx;
		background: #FFFFFF;
		border-radius: 16rpx; 
		overflow-x: scroll;
		display: -webkit-box;
		justify-content: flex-start; 
	} 
	.goods{
		width: 178rpx;
		height: 400rpx;
		padding: 30rpx 0;
		position: relative;
		margin-right: 20rpx; 
		image{
			width: 178rpx;
			height: 178rpx;
			border-radius: 10rpx;
		}
		.two{ 
			font-size: 24rpx;  
			color: #191919;
		} 
		.bottom{ 
			 
			.money{
				font-size: 28rpx; 
				color: #F5510F;
				margin-top: 10rpx;
			} 
			font-size: 20rpx; 
			color: #999999;
			position: absolute;
			left: 0;
			width: 100%;
			bottom: 30rpx;
		}
		.fr{
			width: 40rpx;
			height: 40rpx;
			margin-top: -10rpx;
		}
	}
}
.nav{
	.icons{
		line-height: 70rpx;
		display: flex;
		justify-content: space-between; 
		font-size: 22rpx; 
		color: #656565;
		image{
			vertical-align: middle;
			width: 24rpx;
			height: 24rpx;
			margin-right: 10rpx; 
		}
	} 
}
.navs{
	display: flex;
	flex-wrap: wrap; 
	font-size: 22rpx; 
	color: #191919;
	padding-bottom: 40rpx;
	view{
		width: 25%;
		padding: 20rpx 0;
		text-align: center; 
	}
	image{
		width: 100rpx;
		height: 100rpx;
		border-radius: 50%;
		box-sizing: border-box;
	}
}
.navss{
	flex-wrap: nowrap; 
	overflow-x: auto;
	padding-bottom: 10rpx;
	view{ 
		margin-left: 40rpx;
	}
}

.shopSort_nav_act{
	p{
		display: inline-block;
		padding: 0 20rpx; 
		border-radius: 16rpx;
		background: #1BBF80;
		color: white;
	}
	image{ 
		border: 2px solid #1BBF80;
	}
}
.main{ 
	padding-bottom: 200rpx;
}
.shopTitle{
	line-height: 112rpx;
	font-size: 36rpx; 
	font-weight: bold;
	color: #191919; 
	span{
		margin-left: 20rpx;
		font-size: 24rpx; 
		font-weight: 400;
		color: #999999;
	}
} 
.shopDetail{ 
	margin-bottom: 26rpx;
	// height: 230rpx;
	background: #FFFFFF;
	box-shadow: 0px 0px 20rpx 0px rgba(0, 0, 0, 0.03);
	border-radius: 20rpx;
	padding: 30rpx 30rpx;
	padding-right: 0;
	display: flex;
	position: relative;
	.shopLogo{
		width: 150rpx;
		height: 150rpx; 
		border-radius: 10rpx;
	}
	.shopText{ 
		width: 490rpx; 
		padding-left: 16rpx;
	}
	.title{
		font-size: 32rpx;
		font-weight: bold;
	}
	.state{
		margin-top: 10rpx;
		font-size: 24rpx; 
		color: #333333;
		overflow: hidden;
		image{
			width: 24rpx;
			height: 24rpx;
			 margin-right: 8rpx;
		}
		span{
			margin-left: 24rpx;
		}
	}
	.fraction{   
		float: left;
		font-size: 24rpx; 
		font-weight: bold;
		color: #FF653C; 
	}
	.distance{
		float: right;
		font-size: 24rpx; 
		color: #333333;
	}
	.label{ 
		margin-top: 6rpx;
		span{ 
			display: inline-block;
			padding:0  12rpx ;
			height: 30rpx;
			line-height: 30rpx;
			background: #E8F8F2;
			border-radius: 15rpx 0px 15rpx 0px; 
			font-size: 22rpx; 
			color: #1BBF80;  
		}
	}
	.bottom{
		margin-top: 10rpx;
		view{ 
			display: inline; 
			margin-right: 20rpx;
		}
		span{
			display: inline-block;
			width: 46rpx;
			height: 30rpx;
			font-size: 20rpx;
			text-align: center;
			line-height: 30rpx;
			background: #FB8324;
			border-radius: 4rpx;
			color: white;
			margin-right: 20rpx; 
		}
	}
}
.banner{
	margin-top: -30rpx;
	background: white;
	 padding: 30rpx;
	image{
		width: 690rpx;
		height: 160rpx;
		border-radius: 20rpx;
	}
	uni-swiper{
		width: 690rpx;
		height: 160rpx;
		overflow: hidden;
	}
}